import React from 'react';
import style from './hotitem.less';
import { parsePlayCount } from '../../../../assets/js/tool';

export default function hotitem(props) {
  let { item } = props;
  // console.log(item);
  return (
    <div className={style.hotitem}>
      <img src={item.picUrl} alt="" />
      <p>{item.name}</p>
      <div className={`${style['img-buttom-bar']}`}>
        <div>
          <i className={`iconfont icon-erji`}>
            {' '}
            <span>{parsePlayCount(item.playCount)}</span>
          </i>
        </div>
        <div>
          <i className={`iconfont icon-ziyuan`}></i>
        </div>
      </div>
    </div>
  );
}
